<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%
	pageContext.setAttribute("APP_PATH", request.getContextPath());
%>
<!-- jQuery 2.2.3 -->
<script src="${APP_PATH }/jquery/jquery-2.2.3.min.js"></script>
<link href="${APP_PATH }/assets/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet"
	href="${APP_PATH }/assets/font-awesome-4.7.0/css/font-awesome.min.css" />
<!-- Ionicons -->
<link rel="stylesheet" href="${APP_PATH }/assets/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="${APP_PATH }/assets/dist/css/AdminLTE.min.css">
<link rel="stylesheet"
	href="${APP_PATH }/assets/dist/css/skins/skin-blue.min.css">
<script type="text/javascript" src="${APP_PATH }/assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="${APP_PATH }/assets/dist/js/app.min.js"></script>
<title>部门信息</title>
</head>
<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">

		<!-- Main Header -->
		<header class="main-header">

			<!-- Logo -->
			<a href="" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
				<span class="logo-mini"></span> <!-- logo for regular state and mobile devices -->
				<span class="logo-lg">员工权限管理系统</span>
			</a>

			<!-- Header Navbar -->
			<nav class="navbar navbar-static-top" role="navigation">
				<!-- Sidebar toggle button-->
				<a href="#" class="sidebar-toggle" data-toggle="offcanvas"
					role="button"> <span class="sr-only">Toggle navigation</span>
				</a>
					
				
			</nav>
		</header>
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="main-sidebar">

			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">

				<!-- Sidebar user panel (optional) -->
				<div class="user-panel">
					<div class="pull-left info">
						<p class="user_name"></p>
						<!-- Status -->
						<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
					</div>
				</div>


				<!-- Sidebar Menu -->
				<ul class="sidebar-menu">
                    
                    <li><a href=""><i class="fa fa-home"></i>&nbsp;首页</a></li>
                    
					<!-- Optionally, you can add icons to the links -->
					<li class="treeview"><a href="#"><i class="fa fa-link"></i>
							<span>员工管理</span> <span class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span> </a>
						<ul class="treeview-menu">
							<li><a href="">员工信息</a></li>
							<li><a href="">员工考勤</a></li>
						</ul></li>
						
					<li class="treeview"><a href="#"><i class="fa fa-link"></i>
							<span>部门管理</span> <span class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span> </a>
						<ul class="treeview-menu">
							<li><a href="">部门信息</a></li>
						</ul></li>
				    
				    <li class="treeview"><a href="#"><i class="fa fa-link"></i>
							<span>权限资源管理</span> <span class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span> </a>
						<ul class="treeview-menu">
							<li><a href="">权限管理</a></li>
						</ul></li>
				    
			       <li class="treeview"><a href="#"><i class="fa fa-link"></i>
							<span>数据管理</span> <span class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span> </a>
						<ul class="treeview-menu">
							<li><a href="">会话管理</a></li>
							<li><a href="">日志记录</a></li>
						</ul></li>
					
				</ul>
				<!-- /.sidebar-menu -->
			</section>
			<!-- /.sidebar -->
		</aside>
        
        <div class="content-wrapper">
          <div class="row">
			<div class="col-md-12">
				<table class="table table-bordered" id="emps_table">
				  <thead>
					<tr>
						<th>员工ID</th>
						<th>员工姓名</th>
						<th>性别</th>
						<th>QQ</th>
						<th>电话</th>
						<th>所属部门</th>
						<th>操作</th>
					</tr>
				  </thead>
				  <tbody>
				  
				  </tbody>
				</table>
			</div>
		</div>
		
	    <!-- 显示分页信息 -->
		<div class="row">
			<!--分页文字信息  -->
			<div class="col-md-6" id="page_info_area"></div>
			<!-- 分页条信息 -->
			<div class="col-md-6" id="page_nav_area">
				
			</div>
		</div>

	</div>
			
		</div>
		<!-- /.content-wrapper -->

		<!-- Main Footer -->
		<footer class="main-footer">
			<strong>Copyright &copy; 2016 <a href="#">员工权限管理系统</a>.
			</strong> All rights reserved.
		</footer>

	</div>
</body>
</html>